
<template>
	<!-- <view> -->
		<view class="bottom tabbat_sty" style=" box-sizing: border-box;  position: fixed;bottom: 0;width: 100%;border-top:1rpx solid #DCDFE6 ;background-color: rgb(248,248,248);z-index: 999;">
			<view class="" @click="home" style="display: inline-block;
               vertical-align: top;
                text-align: center;width: 150.08rpx;box-sizing: border-box;">
				<view class="" style="margin-top: 10rpx;">
					<image src="/static/newImages/new_6.png" mode="" style="width:48rpx;height:48rpx;text-align: center;" ></image>
				</view>
				<view   style="text-align: center;color: rgb(153,153,153);font-size: 20rpx;">
			
					{{$t('zhu.a')}}
				</view>
			</view>
			<view class="" @click="earning" style="display: inline-block;
               vertical-align: top;width: 150.08rpx; height: 100rpx;box-sizing: border-box;
                text-align: center;">
				<view class="" style="margin-top: 10rpx;">
					<image src="/static/newImages/new_8.png" mode="" style="width:48rpx;height:48rpx;text-align: center;" ></image>
				</view>
				<view class="" style="text-align: center;color: rgb(153,153,153);font-size: 20rpx;">
							{{$t('zhu.b')}}
				</view>
			</view>
			<view class="" @click="game" style="display: inline-block;
               vertical-align: top;width: 150.08rpx; height: 100rpx;box-sizing: border-box;
                text-align: center;">
				<view class="" style="margin-top: 10rpx;">
					<image src="/static/homeone/5t.png" mode="" style="width:48rpx;height:48rpx;text-align: center;" ></image>
				</view>
				<view class="" style="text-align: center;color: rgb(153,153,153);font-size: 20rpx;">
						{{$t('zhu.c')}}
				</view>
			</view>
			<view class=""  @click="share" style="display: inline-block;
               vertical-align: top;width: 150.08rpx; height: 100rpx;box-sizing: border-box;
                text-align: center;">
				<view class="" style="margin-top: 10rpx;">
				<image src="/static/newImages/new_9.png" mode="" style="width:48rpx;height:48rpx;text-align: center;" ></image>
				</view>
				<view class="" style="text-align: center;color: rgb(153,153,153);font-size: 20rpx;">
					{{$t('zhu.d')}}
				</view>
			</view>
			<view class="" @click="my" style="display: inline-block;
               vertical-align: top;width: 150.08rpx; height: 100rpx;box-sizing: border-box;
                text-align: center;">
				<view class="" style="margin-top: 10rpx;">
				<image src="/static/newImages/new_21.png" mode="" style="width:48rpx;height:48rpx;text-align: center;" ></image>
				</view>
				<view class="" style="text-align: center;color: rgb(153,153,153);font-size: 20rpx;">
					{{$t('zhu.e')}}
				</view>
			</view>
		
		</view>
	<!-- </view> -->
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			// navigateTo
			home(){
				uni.navigateTo({
					url:'../index/index'
				})
			},
			earning(){
				uni.navigateTo({
					url:'../learnings/learnings'
				})
			},
			game(){
				uni.navigateTo({
					url:'../game/game'
				})
			},
			share(){
				uni.navigateTo({
					url:'../news/index'
				})
			},
			my(){
				uni.navigateTo({
					url:'../my/my'
				})
			},
		}
	}
</script>

<style>
.active{
	color: rgb(44, 131, 165);
}
</style>
